<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript" src="JS/jquery-3.3.1.js"></script>
    <script type="text/javascript">    
        $(function() {
            //加载省
            $("#Province").append("<option value='1'>云南省</option>");
            $("#Province").append("<option value='2'>重庆市</option>");
            $("#Province").append("<option value='3'>四川省</option>");
            
            //加载市
            $("#Province").change(function(){
                $("#City").empty();
                 $("#City").append("<option value='0'>请选择市...</option>");
                if($("#Province").val()=="1"){
                    $("#City").append("<option value='1'>昆明市</option>");
                    $("#City").append("<option value='2'>大理州</option>");
                    $("#City").append("<option value='3'>红河州</option>");
                }
                else if($("#Province").val()=="2"){                        
                    $("#City").append("<option value='1'>渝中区</option>");
                    $("#City").append("<option value='2'>九龙坡区</option>");
                    $("#City").append("<option value='3'>江北区</option>");
                }
                else{          
                    $("#City").append("<option value='1'>成都</option>");
                    $("#City").append("<option value='2'>攀枝花</option>");
                    $("#City").append("<option value='3'>自贡市</option>");
                }
            });

            //加载县
            $("#City").change(function(){
                $("#District").empty();
                $("#District").append("<option value='0'>请选择县...</option>");
                if($("#Province").val()=="1"&&$("#City").val()=="1"){
                    $("#District").append("<option value='1'>五华区</option>");
                    $("#District").append("<option value='2'>盘龙区</option>");
                    $("#District").append("<option value='3'>嵩明县</option>");
                }
            });
        });
    </script>
</head>
<body>
    <select id="Province"><option value="0">请选择省份...</option></select>
    <select id="City"><option value="0">请选择市...</option></select>
    <select id="District"><option value="0">请选择县...</option></select>
</body>
</html>